<template>
  <fieldset>
    <legend>mix混入</legend>
    <h1>{{ msg }}</h1>
    <h1>{{ sayHi }}</h1>
    <h1>mix混入的：{{ todo }}</h1>
    <button @click="ck">点击混入</button>
    <button @click="log">点击</button>
  </fieldset>
</template>
<script>
let obj = {
  data() {
    return {
      msg: "你过来啊",
      todo: "今天的目标是干掉所有人",
    };
  },
  mounted() {
    console.log("这是混入的一个mounted函数");
  },
  methods: {
    ck() {
      console.log("这是混入的点击事件");
    },
    log() {
      console.log("这是混入的log事件");
    },
  },
};
export default {
  mixins: [obj],
  data() {
    return {
      msg: "这是混入的东西",
      sayHi: "壮士出征，寸草不生",
    };
  },
  methods: {
    ck() {
      console.log("这是一个点击事件");
    },
  },
  mounted() {
    console.log("这是一个mounted钩子函数");
  },
};
</script>
